<template>
   <div class="content_body" style="display: flex;">
     <div class="list_grop">
       <div style="background-color: white;">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
       <div style="background-color: white; ">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
       <div style="background-color: white; ">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
       <div style="background-color: white; ">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
       <div style="background-color: white; ">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
       <div style="background-color: white; ">
         <div style="margin-left: 10px; padding-top: 10px;">coco | 2天前</div>
         <div style="margin-left: 10px; font-size: 20px; margin-top: 10px; font-weight: bold;">redis深入浅出</div>
         <div style="margin-left: 10px;margin-top: 10px; display: flex;">
           <span style="width: 65%">
             已经过半，群里活跃的掘友们，是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享已经过半，群里活跃的掘友们，
             是时候约一场面基了本次「掘力计划 · 线下沙龙」活动邀请到四位嘉宾为大家分享
           </span>
           <span style="width: 25%; margin-left: 5%;">
             <img src="../assets/images/profile.jpg" style="width: 170px; height: 120px;" />
           </span>
         </div>
         <div>
            <span>
              <img src="../assets/icon/thumbs.png" style="width: 20px;height: 20px; margin-left: 10px;">
            </span>
           <span style="margin-bottom: 15px; padding-bottom: 15px;">
             4
           </span>
         </div>
       </div>
     </div>
     <div>
       <img src="../assets/images/img.png" style="width: 200px;height: 200px;">
       <div>213121</div>
     </div>
   </div>
</template>

<script>
export default {
  name: "recommend"
}
</script>

<style scoped>
.content_body {
  background-color: #FFFFFF;
  width: 1000px;
  margin: 0 auto;
  height: 100%;
}
.list_grop >div{
  border-bottom: 1px solid #cccccc;
  border-right: 20px solid #f4f5f5;
}
.line-left-right{
  width: 100px;
  height: 1px;
  background-color: #d0d0d0;
}
</style>